<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>
<!doctype html>
<html>
<head>
<base href="<%=basePath%>">
<meta charset="utf-8">
<link rel="stylesheet" href="<%=basePath%>script/jquery-ui-1.10.4/themes/base/jquery.ui.all.css">
<script src="<%=basePath%>script/jquery-ui-1.10.4/jquery-1.10.2.js"></script>
<script src="<%=basePath%>script/jquery-ui-1.10.4/ui/jquery.ui.core.js"></script>
<script src="<%=basePath%>script/jquery-ui-1.10.4/ui/jquery.ui.widget.js"></script>
<script src="<%=basePath%>script/jquery-ui-1.10.4/ui/jquery.ui.mouse.js"></script>
<script src="<%=basePath%>script/jquery-ui-1.10.4/ui/jquery.ui.button.js"></script>
<script src="<%=basePath%>script/jquery-ui-1.10.4/ui/jquery.ui.draggable.js"></script>
<script src="<%=basePath%>script/jquery-ui-1.10.4/ui/jquery.ui.position.js"></script>
<script src="<%=basePath%>script/jquery-ui-1.10.4/ui/jquery.ui.resizable.js"></script>
<script src="<%=basePath%>script/jquery-ui-1.10.4/ui/jquery.ui.menu.js"></script>
<script src="<%=basePath%>script/jquery-ui-1.10.4/ui/jquery.ui.button.js"></script>
<script src="<%=basePath%>script/jquery-ui-1.10.4/ui/jquery.ui.autocomplete.js"></script>
<script src="<%=basePath%>script/jquery-ui-1.10.4/ui/jquery.ui.dialog.js"></script>
<script src="<%=basePath%>script/jquery-ui-1.10.4/ui/jquery.ui.effect.js"></script>
<link rel="stylesheet" href="<%=basePath%>script/jquery-ui-1.10.4/demos/demos.css">
<script>
$(function() {
	var availableTags = [
		"ActionScript",
		"AppleScript",
		"Asp",
		"BASIC",
		"C",
		"C++",
		"Clojure",
		"COBOL",
		"ColdFusion",
		"Erlang",
		"Fortran",
		"Groovy",
		"Haskell",
		"Java",
		"JavaScript",
		"Lisp",
		"Perl",
		"PHP",
		"Python",
		"Ruby",
		"Scala",
		"Scheme"
	];
	$( "#position" ).autocomplete({
		source: availableTags
	});
});
</script>
</head>
<body>

筛选条件：<br/>
<form action="">
	<label for="name">姓名：</label>
	<input id="name" type="text" />
	<label for="department">部门： </label>
	<select id="department">
 		<option value ="0">==请选择部门==</option>
		<option value ="1">技术部</option>
		<option value ="2">销售部</option>
		<option value="3">销售部</option>
		<option value="4">客户部</option>
	</select>
	<label for="position">职位：</label>
	<input id="position">
	<input type="submit" value="查询" />
</form>
<table border="1" cellspacing="0" style="width: 100%;margin-top: 20px;" >
	<thead> 
	<tr> 
		<th style="width:1px;" ><input type="checkbox" ></th> 
		<th style="width:100px;" >姓名</th> 
		<th>部门</th>
		<th>职位</th>
		<th>操作</th>
	</tr> 
    </thead> 
    <tbody>
	<tr> 
		<td><input type="checkbox" ></td>
		<td>徐志远</td>
		<td>客户部</td>
		<td>客户经理</td>
		<td>  
			<a href="javascript:parent.showDiv();"><img alt="短消息" src="images/sms.ico" height="30px" title="短消息" ></a>
			<a href="javascript:parent.showDiv();"><img alt="留言" src="images/message.ico" height="25px" title="留言" ></a>
		</td> 
	</tr> 
	<tr> 
		<td><input type="checkbox" ></td>
		<td>王丽芳</td>
		<td>技术部</td>
		<td>程序员</td>
		<td>  
			<a href="javascript:parent.showDiv();"><img alt="短消息" src="images/sms.ico" height="30px" title="短消息"></a>
			<a href="javascript:parent.showDiv();"><img alt="留言" src="images/message.ico" height="25px" title="留言"></a>
		</td> 
	</tr> 
    </tbody>
</table>

</body>
</html>
